<template>
  <IconFilePDF v-if="fileType.includes('pdf')" />
  <IconFilePNG v-if="fileType.includes('png')" />
  <IconFileJPG v-if="fileType.includes('jpg')" />
  <IconFileDOC v-if="fileType.includes('doc')" />
  <IconFileXLS v-if="fileType.includes('xls')" />
</template>

<script setup lang="ts">
import { computed } from "vue";

type Props = {
  name: string;
};

const props = defineProps<Props>();

const fileType = computed(() => props.name.toLowerCase());
</script>
<style scoped lang="less"></style>
